.roboto-font(@type) {
    @font-face {
        font-family: 'iconfont';
        src: url('../fonts/@{type}.ttf') format('truetype');
        font-weight: normal;
        font-style: normal;
    }
}

.gradient(@from: transparent, @to: #fff) {
    background: -moz-linear-gradient(@from, @to 80%);
    background: -webkit-gradient(linear,
        center top,
        center bottom,
        from(@from),
        to(@to));
    background: -webkit-linear-gradient(@from, @to 80%);
    background: -o-linear-gradient(@from, @to 80%);
    background: -ms-linear-gradient(@from, @to 80%);
    background: linear-gradient(@from, @to 80%);
}

.gradient3(@from: transparent, @between: transparent, @to: #fff) {
    background: -moz-linear-gradient(@from, @between 40%, @to);
    background: -webkit-gradient(linear,
        center top,
        center bottom,
        from(@from),
        color-stop(0.4, @between),
        to(@to));
    background: -webkit-linear-gradient(@from, @between 40%, @to);
    background: -o-linear-gradient(@from, @between 40%, @to);
    background: -ms-linear-gradient(@from, @between 40%, @to);
    background: linear-gradient(@from, @between 40%, @to);
}